<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
            <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
                <title>
                    客片展示
                </title>
                <meta content="" name="description">
                    <meta content="" name="keywords">
                        <link href="css/neat.css" rel="stylesheet">
                            <link href="css/show.css" rel="stylesheet">
                            <link href="css/footer.css" rel="stylesheet">
                                <!-- <link href="css/animate.min.css" rel="stylesheet"> -->
                                </link>
                            </link>
                        </link>
                    </meta>
                </meta>
            </meta>
        </meta>
    </head>
    <body>
        <!-- 顶部 -->
        <div class="header por clearfix">
            <div class="wrap">
                <a href="#">
                    <div class="logo fl">
                        <h1>
                        </h1>
                    </div>
                </a>
                <ul class="nav clearfix">
                    <a href="index.html"><li>首页</li></a>
                    <a href="case.html"><li>作品展示</li></a>
                    <a href="show.html"><li id="top-cur">客片展示</li></a>
                    <a href="popularPackage.html"><li>人气套餐</li></a>
                    <a href="movie.html"><li>微电影</li></a>
                    <a href="aboutus.html"><li>关于我们</li></a>
                    <a href="AMELIE-Service.html"><li class="last1">服务</li></a>
                    <a href="news.html"><li class="last">快讯</li></a>
                </ul>
            </div>
            <div class="phone">
                <div class="phone1">
                    <i class="icon">
                    </i>
                    <span>
                        400-250-6699
                    </span>
                </div>
                <div class="make">
                    <a href="#" style="color:#fff">
                        预约档期
                    </a>
                </div>
            </div>
        </div>
        <!-- banner 部分    -->
        <div class="banner">
            <div class="wrapper por b_m">
                <div class="wel poa">
                    <div class="one">
                        <img alt="" src="images/wel.png"/>
                    </div>
                    <br>
                        <div class="two">
                            <img alt="" src="images/case.png"/>
                        </div>
                        <br>
                            <div class="">
                                <img alt="" src="images/tet_01.png"/>
                            </div>
                            <div class="">
                                <img alt="" src="images/tet_03.png"/>
                            </div>
                            <div class="">
                                <img alt="" src="images/tet_04.png"/>
                            </div>
                            <div class="">
                                <img alt="" src="images/tet_06.png"/>
                            </div>
                            <div class="">
                                <img alt="" src="images/tet_07.png"/>
                            </div>
                            <div class="">
                                <img alt="" src="images/tet_08.png"/>
                            </div>
                        </br>
                    </br>
                </div>
                <div class="imgb poa">
                    <img alt="" src="images/b_lb.png">
                    </img>
                </div>
                <div class="imgs poa">
                    <img alt="" src="images/b_ls.png">
                    </img>
                </div>
            </div>
        </div>
        <!-- first season 部分 -->
        <div class="season">
            <div class="wrapper">
                <div class="sea_tit">
                    <img alt="first season" src="images/first_tit.png">
                    </img>
                </div>
                <div class="seab por">
                    <div class="sea_cont poa por">
                        <div class="poa first clearfix">
                            <ul class="clearfix">
                                <li>
                                    <p>
                                        <a href="">
                                            <img alt="" src="images/sea_pic00.jpg"/>
                                        </a>
                                    </p>
                                    <p class="text">
                                        夜幕下的流光寻觅着那
                                        <br>
                                            悠然未尽的余香
                                            <br>
                                                琴声的远方是谁弹奏安详
                                            </br>
                                        </br>
                                    </p>
                                    <p>
                                        [微光]
                                    </p>
                                </li>
                                <li>
                                    <p>
                                        <a href="">
                                            <img alt="" src="images/sea_pic01.jpg"/>
                                        </a>
                                    </p>
                                    <p class="text">
                                        长大了以后才会知道
                                        <br>
                                            在蓦然回首的刹那没有怨恨的青春才会了无遗憾,
                                            <br>
                                                如山岗上那轮静静的满月。
                                            </br>
                                        </br>
                                    </p>
                                    <p>
                                        [倾心]
                                    </p>
                                </li>
                                <li>
                                    <p>
                                        <a href="">
                                            <img alt="" src="images/sea_pic02.jpg"/>
                                        </a>
                                    </p>
                                    <p>
                                        声明必须由丰美走向凋零所以
                                        <br>
                                            如果我在这多雾的转角稍稍迟疑或者
                                            <br>
                                                偶尔写些有关爱恋的诗句
                                            </br>
                                        </br>
                                    </p>
                                    <p>
                                        [简爱]
                                    </p>
                                </li>
                            </ul>
                            <ul class="clearfix">
                                <li>
                                    <p>
                                        <a href="">
                                            <img alt="" src="images/sea_pic03.jpg"/>
                                        </a>
                                    </p>
                                    <p class="text">
                                        夜幕下的流光寻觅着那
                                        <br>
                                            悠然未尽的余香
                                            <br>
                                                琴声的远方是谁弹奏安详
                                            </br>
                                        </br>
                                    </p>
                                    <p>
                                        [微光]
                                    </p>
                                </li>
                                <li>
                                    <p>
                                        <a href="">
                                            <img alt="" src="images/sea_pic04.jpg"/>
                                        </a>
                                    </p>
                                    <p class="text">
                                        长大了以后才会知道
                                        <br>
                                            在蓦然回首的刹那没有怨恨的青春才会了无遗憾,
                                            <br>
                                                如山岗上那轮静静的满月。
                                            </br>
                                        </br>
                                    </p>
                                    <p>
                                        [倾心]
                                    </p>
                                </li>
                                <li>
                                    <p>
                                        <a href="">
                                            <img alt="" src="images/sea_pic02.jpg"/>
                                        </a>
                                    </p>
                                    <p>
                                        声明必须由丰美走向凋零所以
                                        <br>
                                            如果我在这多雾的转角稍稍迟疑或者
                                            <br>
                                                偶尔写些有关爱恋的诗句
                                            </br>
                                        </br>
                                    </p>
                                    <p>
                                        [简爱]
                                    </p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <span class="left poa">
                        <i class="sl">
                        </i>
                    </span>
                    <span class="right poa">
                        <i class="sr">
                        </i>
                    </span>
                </div>

                <div class="txt animated">
                    <img alt="" src="images/txt.png">
                    </img>
                </div>
            </div>
        </div>
        <!-- 往期客照 部分 -->
        <div class="past por">
            <div class="past_tit">
                <img alt="" src="images/past_tit.png">
                </img>
            </div>
            <div class="past_cont por">
                <div class="pastone poa">

                    <img alt="" src="images/past_01.png" style="display:block">
                    <div class="meng poa">
                        <img alt="" src="images/1.png">
                        <div class="line line-l poa"></div>
                        <div class="line line-r poa"></div>
                    </div>
                    <div class="mengtxt poa">
                        <img alt="" src="images/mengtxt.png">
                    </div>
                   <!--  <div class="line line-t poa"></div>
                    <div class="line line-b poa"></div> -->
                </div>
                <div class="pasttwo poa">

                    <img alt="" src="images/past_02.png">
                        <div class="meng poa ">
                            <img alt="" src="images/3.png">
                        </div>
                        <div class="mengtxt poa">
                            <img alt="" src="images/mengtxt.png">
                        </div>
                    </img>
                </div>
                <div class="pastthree poa">
                    <img alt="" src="images/past_03.png">
                        <div class="meng poa ">
                            <img alt="" src="images/1.png">
                        </div>
                        <div class="mengtxt poa">
                            <img alt="" src="images/mengtxt.png">
                        </div>
                </div>
                <div class="pastfour poa">
                    <img alt="" src="images/past_04.png">
                        <div class="meng poa ">
                            <img alt="" src="images/3.png">
                        </div>
                        <div class="mengtxt poa">
                            <img alt="" src="images/mengtxt.png">
                        </div>
                </div>
                <div class="pastfive poa">
                    <img alt="" src="images/past_05.png">
                        <div class="meng poa ">
                            <img alt="" src="images/1.png">
                        </div>
                        <div class="mengtxt poa">
                            <img alt="" src="images/mengtxt.png">
                        </div>
                </div>
                <div class="pastsix poa">
                    <img alt="" src="images/past_06.png">
                        <div class="meng poa ">
                            <img alt="" src="images/7.png">
                        </div>
                        <div class="mengtxt poa">
                            <img alt="" src="images/mengtxt.png">
                        </div>
                </div>
                <div class="pastseven poa">
                    <img alt="" src="images/past_07.png">
                        <div class="meng poa ">
                            <img alt="" src="images/7.png">
                        </div>
                    <div class="mengtxt poa">
                        <img alt="" src="images/mengtxt.png">
                    </div>
                </div>
            </div>
            <div class="more">
                <button type="submit"><i class="in-block"></i></button>
            </div>
        </div>
        <!-- 最美客照部分 -->
        <div class="beautiful">
            <div class="wrapper">
                <div class="beaut_tit">
                    <img alt="" src="images/beautiful_tit.png">
                    </img>
                </div>
                <div class="fade por">
                    <ul class="img">
                        <li>
                            <div class="beaut_cont clearfix">
                                <div class="beautL fl">
                                    <div class="t">
                                        <p class="por pic">
                                            <a href="#" style="display:block">
                                                <img alt="" src="images/beaut_pic03.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>
                                            </a>
                                        </p>
                                        <p class="clearfix">
                                            <span class="spl fl">
                                                2016年12月客片
                                            </span>
                                            <span class="spr fr">
                                                <i class="in-block love">
                                                </i>
                                                <i class="in-block share">
                                                </i>
                                            </span>
                                        </p>
                                    </div>
                                    <div class="b">
                                        <p class="por pic">
                                            <a href="#">
                                                <img alt="" src="images/beaut_pic04.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>

                                            </a>
                                        </p>
                                        <p class="clearfix">
                                            <span class="spl fl">
                                                2016年12月客片
                                            </span>
                                            <span class="spr fr">
                                                <i class="in-block love">
                                                </i>
                                                <i class="in-block share">
                                                </i>
                                            </span>
                                        </p>
                                    </div>
                                </div>
                                <div class="beautM fl">
                                    <p class="por pic">
                                        <a href="#">
                                            <img alt="" src="images/beaut_pic02.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>
                                        </a>
                                    </p>
                                    <p class="clearfix">
                                        <span class="spl fl">
                                            2016年12月客片
                                        </span>
                                        <span class="spr fr">
                                            <i class="in-block love">
                                            </i>
                                            <i class="in-block share">
                                            </i>
                                        </span>
                                    </p>
                                </div>
                                <div class="beautR fr">
                                    <div class="t">
                                        <p class="por pic" >
                                            <a href="#">
                                                <img alt="" src="images/beaut_pic00.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>
                                            </a>
                                        </p>
                                        <p class="clearfix">
                                            <span class="spl fl">
                                                2016年12月客片
                                            </span>
                                            <span class="spr fr">
                                                <i class="in-block love">
                                                </i>
                                                <i class="in-block share">
                                                </i>
                                            </span>
                                        </p>
                                    </div>
                                    <div class="b">
                                        <p class="por pic">
                                            <a href="#">
                                                <img alt="" src="images/beaut_pic01.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>

                                            </a>
                                        </p>
                                        <p class="clearfix">
                                            <span class="spl fl">
                                                2016年12月客片
                                            </span>
                                            <span class="spr fr">
                                                <i class="in-block love">
                                                </i>
                                                <i class="in-block share">
                                                </i>
                                            </span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="beaut_cont clearfix">
                                <div class="beautL fl">
                                    <div class="t">
                                        <p class="por pic">
                                            <a href="#">
                                                <img alt="" src="images/beaut_pic00.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>

                                            </a>
                                        </p>
                                        <p class="clearfix">
                                            <span class="spl fl">
                                                2016年12月客片
                                            </span>
                                            <span class="spr fr">
                                                <i class="in-block love">
                                                </i>
                                                <i class="in-block share">
                                                </i>
                                            </span>
                                        </p>
                                    </div>
                                    <div class="b">
                                        <p class="por pic">
                                            <a href="#">
                                                <img alt="" src="images/beaut_pic01.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>

                                            </a>
                                        </p>
                                        <p class="clearfix">
                                            <span class="spl fl">
                                                2016年12月客片
                                            </span>
                                            <span class="spr fr">
                                                <i class="in-block love">
                                                </i>
                                                <i class="in-block share">
                                                </i>
                                            </span>
                                        </p>
                                    </div>
                                </div>
                                <div class="beautM fl">
                                    <p class="por pic">
                                        <a href="#">
                                            <img alt="" src="images/beaut_pic02.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>

                                        </a>
                                    </p>
                                    <p class="clearfix">
                                        <span class="spl fl">
                                            2016年12月客片
                                        </span>
                                        <span class="spr fr">
                                            <i class="in-block love">
                                            </i>
                                            <i class="in-block share">
                                            </i>
                                        </span>
                                    </p>
                                </div>
                                <div class="beautR fr">
                                    <div class="t">
                                        <p class="por pic">
                                            <a href="#">
                                                <img alt="" src="images/beaut_pic03.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>

                                            </a>
                                        </p>
                                        <p class="clearfix">
                                            <span class="spl fl">
                                                2016年12月客片
                                            </span>
                                            <span class="spr fr">
                                                <i class="in-block love">
                                                </i>
                                                <i class="in-block share">
                                                </i>
                                            </span>
                                        </p>
                                    </div>
                                    <div class="b">
                                        <p class="por pic">
                                            <a href="#">
                                                <img alt="" src="images/beaut_pic04.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>

                                            </a>
                                        </p>
                                        <p class="clearfix">
                                            <span class="spl fl">
                                                2016年12月客片
                                            </span>
                                            <span class="spr fr">
                                                <i class="in-block love">
                                                </i>
                                                <i class="in-block share">
                                                </i>
                                            </span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="beaut_cont clearfix">
                                <div class="beautL fl">
                                    <div class="t">
                                        <p class="por pic">
                                            <a href="#">
                                                <img alt="" src="images/beaut_pic04.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>

                                            </a>
                                        </p>
                                        <p class="clearfix">
                                            <span class="spl fl">
                                                2016年12月客片
                                            </span>
                                            <span class="spr fr">
                                                <i class="in-block love">
                                                </i>
                                                <i class="in-block share">
                                                </i>
                                            </span>
                                        </p>
                                    </div>
                                    <div class="b">
                                        <p class="por pic">
                                            <a href="#">
                                                <img alt="" src="images/beaut_pic03.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>

                                            </a>
                                        </p>
                                        <p class="clearfix">
                                            <span class="spl fl">
                                                2016年12月客片
                                            </span>
                                            <span class="spr fr">
                                                <i class="in-block love">
                                                </i>
                                                <i class="in-block share">
                                                </i>
                                            </span>
                                        </p>
                                    </div>
                                </div>
                                <div class="beautM fl">
                                    <p class="por pic">
                                        <a href="#">
                                            <img alt="" src="images/beaut_pic02.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>

                                        </a>
                                    </p>
                                    <p class="clearfix">
                                        <span class="spl fl">
                                            2016年12月客片
                                        </span>
                                        <span class="spr fr">
                                            <i class="in-block love">
                                            </i>
                                            <i class="in-block share">
                                            </i>
                                        </span>
                                    </p>
                                </div>
                                <div class="beautR fr">
                                    <div class="t">
                                        <p class="por pic">
                                            <a href="#">
                                                <img alt="" src="images/beaut_pic01.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>

                                            </a>
                                        </p>
                                        <p class="clearfix">
                                            <span class="spl fl">
                                                2016年12月客片
                                            </span>
                                            <span class="spr fr">
                                                <i class="in-block love">
                                                </i>
                                                <i class="in-block share">
                                                </i>
                                            </span>
                                        </p>
                                    </div>
                                    <div class="b">
                                        <p class="por pic">
                                            <a href="#">
                                                <img alt="" src="images/beaut_pic00.jpg"/>
                                            <b class="shade poa">执子之手   与子偕老</b>

                                            </a>
                                        </p>
                                        <p class="clearfix">
                                            <span class="spl fl">
                                                2016年12月客片
                                            </span>
                                            <span class="spr fr">
                                                <i class="in-block love">
                                                </i>
                                                <i class="in-block share">
                                                </i>
                                            </span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="icon">
                    <ul class="clearfix">
                        <li>
                        </li>
                        <li>
                        </li>
                        <li>
                        </li>
                    </ul>
                </div>
                <div class="btn">
                    <button>
                        <span class="in-block"></span>
                    </button>
                </div>
            </div>
        </div>
        <!-- 侧边栏 -->
        <div id="fixsider">
            <ul>
                <li class="weixin">
                    <a href="#">
                    </a>
                    <span>
                        WEIXIN
                    </span>
                </li>
                <li class="weibo">
                    <a href="#">
                    </a>
                    <span>
                        WEIBO
                    </span>
                </li>
                <li class="tel">
                    <a href="#">
                    </a>
                    <span>
                        0371~86502296
                    </span>
                </li>
                <li class="totop">
                    <a href="#">
                    </a>
                </li>
            </ul>
        </div>
        <!-- 底部开始 -->
        <div class="footer">
            <div class="wrap">
                <div class="footer-logo">
                </div>
                <ul class="icon clearfix">
                    <a href="#">
                        <li class="icon1 animated">
                        </li>
                    </a>
                    <a href="#">
                        <li class="icon2 animated">
                        </li>
                    </a>
                    <a href="#">
                        <li class="icon3 animated">
                        </li>
                    </a>
                </ul>
                <ul class="footer_nav clearfix">
                    <a href="index.html"><li>首页</li></a>
                    <a href="case.html"><li>作品展示</li></a>
                    <a href="show.html"><li>客片展示</li></a>
                    <a href="popularPackage.html"><li id="top-cur">人气套餐</li></a>
                    <a href="movie.html"><li>微电影</li></a>
                    <a href="aboutus.html"><li>关于我们</li></a>
                    <a href="AMELIE-Service.html"><li class="last1">服务</li></a>
                    <a href="news.html"><li class="last">快讯</li></a>
                </ul>
                <div class="code">
                </div>
            </div>
            <div class="ai">
                <p class="text2">
                    Copyright © http://www.paris-bride.com 上海艾美丽婚纱摄影有限公司 沪ICP备13004667号-1
                </p>
            </div>
        </div>
        <script src="js/jquery-1.11.3.min.js">
        </script>
        <script src="js/show.js">
        </script>
    </body>
</html>